<template>
    <div class="index">
        <navPart/>
        <mainPart/>
        <footPart/>
    </div>
</template>

<script>
import navPart from "./navPart"
import mainPart from "./mainPart"
import footPart from "./footPart"
export default {
    name: "index",
    components: {
        navPart,
        mainPart,
        footPart,
    },
}
</script>

<style lang="less" scoped>
.index{
    width: 80%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
</style>